<template>
    <fieldset>
        <legend>登录界面</legend>
        账号：<input type="text" v-model="username"><br>
        密码：<input type="text" v-model="password"><button @click="login">登录</button>
    </fieldset>
</template>

<script setup>
import * as api from "../api/users"
import {ref} from "vue"
import {useRouter} from "vue-router"
let username = ref()
let password = ref()

let router = useRouter()

let login = ()=>{
    api.loginApi(username.value, password.value)
    .then(res=>{
        if(res.data.state){
            sessionStorage.setItem('qf-token',res.data.token)
            router.push("/")
        }else{
            alert(res.data.msg)
        }
    })
}

</script>